import request from "../../utils/request"
// pages/home/home.js
Page({

  /**
   * 页面的初始数据 
   */
  data: {
    list:[
      {
        img:"/image/home_list.png",
        con:"水果区"
      },{
        img:"/image/home_list2.png",
        con:"蔬菜区"
      },{
        img:"/image/home_list3.png",
        con:"水产区"
      },{
        img:"/image/home_lis4.png",
        con:"肉类区"
      },{
        img:"/image/home_list5.png",
        con:"蛋类区"
      },{
        img:"/image/home_list6.png",
        con:"豆制品"
      },{
        img:"/image/home_list.png",
        con:"水果区"
      },{
        img:"/image/home_list2.png",
        con:"蔬菜区"
      },{
        img:"/image/home_list3.png",
        con:"水产区"
      }
    ],
    ShopData:[],//商品总数据
    oneShopData:[],//首页第一条列表
    twoShopData:[],//首页第二条列表

    isShowLoginBar:null,
    // 轮播图信息
    bannerData:{
      background: ["/image/home_banner.png", "/image/home_banner2.png"],
      indicatorDots: true,
      vertical: false,
      autoplay: true,
      circular: true,
      interval: 2000,
      duration: 1000,
      previousMargin: 0,
      nextMargin: 0,
    },

    // 每日精选好货banner
    everyBannerData:{
      background: ["/image/home_banner3.png", "/image/home_banner2.png"],
      autoplay: true,
      interval: 300,
      easingFunction:"easeInOutCubic"
    }
  },
  // 获取数据
  async getData(){
    await request('/getList',{},{'content-type': 'application/json'},'GET').then((res) => {
      // 总数据
      this.setData({
        ShopData:res
      })
      // 筛选首页第一个列表数据
      let oner = res.filter((item,index) => {
        if(index <= 2){
          return item
        }
      })
      // 筛选首页第二个列表数据
      this.setData({
        oneShopData:oner
      })
      let twor = res.filter((item,index) => {
        if(index <= 1){
          return item
        }
      })
      this.setData({
        twoShopData:twor
      })
    })
  },

  // 跳转到直播页
  tozhibo(){
    wx.navigateTo({
      url: '../home/streaming/streaming',
    })
  },

  // 跳转到搜索页
  toSearchPage(){
    wx.navigateTo({
      url: '../filter/filter',
    })
  },

  // 跳转到详情页
  toDetail(e){
    let { detaildata } = e.currentTarget.dataset;
    
    const param = encodeURIComponent(JSON.stringify(detaildata));
    wx.navigateTo({
      url: `../classify/shopDetail/shopDetail?obj=${param}`,
    })

  },

  // 跳转到分类页
  toClassify(){
    wx.switchTab({
      url: '/pages/classify/classify'
    })
  },

  // 加入购物车
  addShopCar(e){
    let {id,img,name,price,prioe,label,num} = e.currentTarget.dataset.car
    let obj = {
      id,
      img,
      isCheck:false,
      shopName:name,
      price,
      oldPrice:prioe,
      label,
      num,
      state:1,
    }
    request('/addShopCar',{obj},{'content-type': 'application/json'},'POST').then(res => {
      console.log(res);
    })
  },


  // 点击立即登录
  clickmeLogin(){
    wx.navigateTo({
      url: '../login/login',
    })
  },
 
  // 关闭立即登录弹层
  closeloginBar(){
    this.setData({
      isShowLoginBar:false
    })
  },
  // 修改isShowLoginBar，控制立即登录小弹层
  setisShowLoginBar(res){
    // let bol = JSON.parse(res)
    // console.log(bol);
    if(res === 'true'){
      this.setData({
        isShowLoginBar:true
      })
    }
    if(res === 'false'){
      this.setData({
        isShowLoginBar:false
      })
    }
  },

  // 登录信息
  loginMsg (){
    let that = this
      wx.getStorage({
        key: 'usertoken',
        success (res) {
          console.log(res.data)
          that.setisShowLoginBar('false')
        },
        fail(err){
          console.log(err);
          that.setisShowLoginBar('true')
        }
      })
  },

  /**
   * 生命周期函数--监听页面加载 
  */
  onLoad: function (options) {
     // 调用获取数据方法
     this.getData()
      // 设置标头
      wx.setNavigationBarTitle({
        title: ''
      })
      // 设置标头背景色
      wx.setNavigationBarColor({
        backgroundColor: '#ff5347',
        frontColor: '#ffffff',
      })
      // 调用获取login信息函数
      this.loginMsg()

      // 删除本地缓存
      // wx.removeStorage({
      //   key: 'usertoken',
      //   success (res) {
      //     console.log(res)
      //   }
      // })
  },
 

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: () => {
   
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    // 调用修改isShowLoginBar，控制立即登录小弹层函数
    this.setisShowLoginBar('false')
    // 调用登录信函数
    this.loginMsg()
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})